<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<script src="../assets/flexible/flexible.debug.js"></script>
		<script src="../assets/flexible/flexible_css.debug.js"></script>
		<!--[if lt IE 9]>
	        <script src="../assets/html5shiv.min.js"></script>
			<script src="../assets/respond.min.js"></script>
	    <![endif]-->
	    <link rel="stylesheet" href="../assets/font-awesome/4.5.0/css/font-awesome.min.css"/>
		<link rel="stylesheet" href="../assets/swiper/css/swiper.min.css"/>
		<link rel="stylesheet" href="../css/invite.css"/>
		<link rel="stylesheet" href="../css/header.css"/>
		<title>邀请好友赢福利</title>
	</head>
	<body>
		<header class="header">
			<div class="h-left">
				<i class="fa fa-angle-left"></i>
			</div>
			<div class="h-center  h-bor" id="h-center">
				<p>邀请好友赢福利</p>
			</div>
			<div class="h-right h-dab">
				活动规则
			</div>
		</header>
		<main class="main">
			<section class="m_top">
				<div class="mt_top">
					<div class="mtt_btn">
						<button class="t_btn">邀请好友</button>
						<button class="t_btn">邀请兑换码</button>
					</div>
					<div class="mtt_title"><span>邀请好友</span>得优惠</div>
				</div>
				<div class="mt_center">
					<img src="../images/rule/images/rule-imgs_03.png"/>
				</div>
				<div class="mt_bottom">
					<p>发起邀请><span>2位新人</span>参与>领取福利</p>
					<p>验证手机号即领，一般15分钟内到账</p>
				</div>
			</section>
			<section class="m_bottom">
				<div class="mb_nav">
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_07.png"/>
						</dt>
						<dd>微信好友</dd>
					</dl>
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_09.png"/>
						</dt>
						<dd>微信朋友圈</dd>
					</dl>
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_11.png"/>
						</dt>
						<dd>QQ好友</dd>
					</dl>
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_16.png"/>
						</dt>
						<dd>新浪微博</dd>
					</dl>
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_17.png"/>
						</dt>
						<dd>面对面分享</dd>
					</dl>
					<dl>
						<dt>
							<img src="../images/rule/images/rule-imgs_18.png"/>
						</dt>
						<dd>复制链接</dd>
					</dl>
				</div>
				<div class="mb_footer">
					<p>活动期间您成功邀请注册0人</p>
				</div>
			</section>
		</main>
		<script src="../assets/jquery-3.2.1.min.js"></script>
		<script src="../js/invite.js"></script>
	</body>
</html>
